昨日拿到所有裝置的地理位置後，今天要將其他裝置位置顯示在地圖上。

• 將拿到的地理位置顯示到地圖上，用 addMarker() 來添加地標

  async function updateMarkersOnMap(locations) {
  markers.value.forEach((marker) => marker.remove());
  markers.value = [];
  
  for (let location of locations) {
      const marker = await newMap.value.addMarker({ coordinate: location });
      markers.value.push(marker);
  }
  }
  

• setOnMarkerClickListener 可以定義點擊地標後要出現的行為

  await newMap.value.setOnMarkerClickListener((event) => {
      alert("clicked");
      console.log("event :", event);
  });
  

• 如果要更改標示的樣式，要用iconURL，Native App 不支援 svg 圖檔。標示的大小用 iconSize 設定

  async function updateMarkersOnMap(locations) {
  markers.value.forEach((marker) => marker.remove());
  markers.value = [];
  
  const customIconUrl = "path_to_your_custom_icon.png";
  
  for (let location of locations) {
      const marker = await newMap.value.addMarker({
      coordinate: location,
      iconUrl: customIconUrl,
      iconSize: { width: 24, height: 24 },
      });
      markers.value.push(marker);
  }
  }